草庐IT

CSS3 多媒体查询

全部标签

javascript - 在没有 jQuery 的情况下检查 CSS 类是否存在

有人可以使用vanillajavascript或原型(prototype)告诉我如何运行检查以查看某个类是否存在吗?例如,我正在使用以下代码添加一个名为hideIt的类:varoverlay=document.getElementById("overlay_modal");overlay.className+="hideIt";我还需要一个稍后可以检查hideIt是否存在的脚本。我试过这样的事情:if(overlay.className=="hideIt")但是这样不好。有什么想法吗? 最佳答案 使用regexp.\b将匹配单词边界

javascript - CSS3 + Javascript - 将 -ms-transition :opacity 1s ease-in-out; work in IE 10 alone?

我今天一直在玩弄一些CSS3+JavaScript。下面是我的代码,(正在尝试制作世界上最小的图像褪色画廊,不知道我是否成功)。虽然我不太确定如何设置CSS。请参阅下面的评论问题:-ms-transition:opacity1sease-in-out;//WillthisalloneworkinIE10?transition:opacity1sease-in-out;//Whydowesetthis?也许是世界上最小的JS-Gallery:HB-CSS3+JSGallerybody{margin:0;text-align:center;font:200px/500pxgeorgia}#

javascript - ReactJS:用于 css 转换的切换类

我需要在组件(甚至页面)完全呈现后打开css类,以便在页面加载时对相关属性进行动画处理。我该怎么做,最好不用jQuery?如果我在componentDidMount中切换组件的类,动画实际上不会发生。 最佳答案 我真的没听懂你说的那部分:afteracomponent(oreventhepage)iscompletelyrendered,sothatrelevantpropertiesareanimatedonpageload.您希望在什么时候为元素设置动画?如果您在render()函数中指定类名,则组件将在页面加载时使用动画呈现。

javascript - 无法使用 webpack 缩小 css 代码

网络包版本:4.16.3全部编译成功。我在bundle.css中编译后的代码不是minify。我尝试在text-webpack-plugin中使用minimize:true,但它不起作用。对于编译,我在命令行中使用命令:webpack在我的工作目录中我做错了什么?我的wepback配置:'usestrict'constwebpack=require("webpack");constExtractTextPlugin=require('extract-text-webpack-plugin')module.exports={context:__dirname,mode:'producti

ASP.NET - 脚本和 css 压缩

在ASP.NET中是否有可用的本地压缩(用于javascript/css文件)? 最佳答案 试试Chirpy。它混合、缩小和验证您的javascript、样式表和无点文件。您可以使用YUICompressor或GoogleClosureCompiler。http://chirpy.codeplex.com/或者,要了解更多信息,请查看:http://www.weirdlover.com/2010/05/22/visual-studio-add-in-for-dotless-js-and-css-files/

javascript - CSS 缩放属性

Sitepointreference说InternetExplorerforWindowsversions5.5andabovesupportthenon-standardpropertyzoom,whichsetsthemagnificationscaleofanelement.There’snoCSS3equivalenttothisproperty(asyet).如何在标准浏览器中实现这种缩放效果?有可用的jQuery插件吗? 最佳答案 CSS3等价物在CSS2DTransforms中模块,特别是transform:scale

javascript - 无法在 Liferay Portlet JSP 页面中包含 css 和 JS 文件

我已经下载了一个JqueryImageSlider源并且想与我的JSP文件集成这是我的文件夹结构这就是我包含它们的方式我在服务器控制台得到这个40420:50:04,625WARN[404_jsp:109]/css/jquery.ui.theme.css20:50:04,640WARN[404_jsp:109]/css/jquery.ui.core.css20:50:04,640WARN[404_jsp:109]/css/jquery.ui.slider.css20:50:04,656WARN[404_jsp:109]/css/style.css20:50:04,671WARN[404

javascript - 具有带有重复键的 jQuery 构建的查询字符串的 AJAX 调用

ApacheSolr要求发送到其端点的GET参数之一是重复的名称:facet.range=price&facet.range=age文档在这里:http://wiki.apache.org/solr/SimpleFacetParameters#facet.range在jQuery中,如何将查询字符串参数(facet.range)包含两次?我不能用重复的键创建一个对象,但这符合我需要做的事情:context={'facet.range':'price','facet.range':'age',//Thiswillbetheonlyelementinthisdictionaryasthek

javascript - 试图在 cookie 中保存用户名/密码;查询

我看到了这个关于在cookie中存储登录信息的例子。http://eisabainyo.net/weblog/2009/02/20/store-login-information-in-cookie-using-jquery/试过了,但似乎无法让它工作。我必须插入插件,但我看不出这里有什么问题。这个页面是Login.aspx,它指向AccountMenu.aspx编辑它用于演示、测试,无论您想要什么。这个网站永远不会上线。我知道这不是这样做的方法。我正在寻求帮助来解决我的问题,而不是人们告诉我这是糟糕的设计。(...)EmailRememberme?">">if($('#remembe

javascript - 重新创建 CSS3 过渡 Cubic-Bezier 曲线

在CSS3过渡中,您可以将计时函数指定为'cubic-bezier:(0.25,0.3,0.8,1.0)'在该字符串中,您只需为曲线上的点P1和P2指定XY,因为P0和P3始终分别为(0.0,0.0)和(1.0,1.0)。根据Apple的网站:x[is]表示为总持续时间的分数,y表示为总变化的分数我的问题是如何将其映射回javascript中的传统一维T值?--FromAppledocsonanimatingwithtransitions 最佳答案 稍微浏览一下webkit-source,以下代码将为CSS3过渡中使用的隐式曲线提供